<template>
    <div class="nav">
        <router-link to="/home/page2/item1">热门</router-link>
        <router-link to="/home/page2/item2">摄影</router-link>
        <router-link to="/home/page2/item3">人物</router-link>
        <router-link to="/home/page2/item4">风景</router-link>
        <router-link to="/home/page2/item5">动物</router-link>
    </div>
    <div class="page2">
        <router-view></router-view>
    </div>
    
</template>

<style scoped>
.nav{
    float: left;
    margin-top: 24px;
    margin-left: 25px;
    margin-bottom: 18px;
}
a{
    color: black;
    font-size: 13px;
    font-weight: bold;
    padding:6px 15px;
    margin-right: 10px;
}
.nav a.router-link-exact-active{
    background: black;
    border-radius: 15px;
    color: white;
}
.page2{
    width: 375px;
    height: 560px;
    overflow: auto;
}
</style>